<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="user-scalable=no" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="rem" content="design-width=720,max-width=480">
    <meta name="apple-touch-fullscreen" content="yes" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="full-screen" content="yes">
    <meta name="x5-fullscreen" content="true">
    <meta name="360-fullscreen" content="true">
    <title>涨停基因</title>
    <script src="//s.thsi.cn/js/m/common/zepto.js"></script>
    <script src="//s.thsi.cn/cd/ths-frontend-common-lib-container/v1.3.12/business/thsIphoneXAdapter.js"></script>
    <script src="//s.thsi.cn/cb?js/m/common/;user.js;basic.js;js/m/;vue.js;js/m/v2/common/;bridge.js;js/m/v2.1/common/;rem.js;js/m/v2/business/;share.js;fundstat.js;stat.js&20180920"></script>
    <!-- build:css styles/index.css -->
    <link type="text/css" rel="stylesheet" href="./styles/old-reset.css">
    <link type="text/less" rel="stylesheet" href="./styles/old-index.less">
    <link type="text/less" rel="stylesheet" href="./styles/old-stopStock.less">
    <link type="text/less" rel="stylesheet" href="./styles/old-common.less">
    <link type="text/less" rel="stylesheet" href="./styles/old-stockSearch.less">
    <link type="text/less" rel="stylesheet" href="./styles/old-limitControl.less">
    <link type="text/css" rel="stylesheet" href="./styles/swiper-3.4.2.min.css">
    <!-- endbuild -->
    <!-- build:remove -->
    <script type="text/javascript" src="//s.thsi.cn/js/m/business/less.js"></script>
    <!-- endbuild -->

</head>
<body>
<div class="scroll_box">
    <section class="vueBox" v-cloak>
        <section class="scroll_min" v-if="isUpdate"><ul><li>提示：集合竞价期间，涨停宝数据正在获取，请等待更新</li><li>提示：集合竞价期间，涨停宝数据正在获取，请等待更新</li></ul></section>
        <section class="limitup_box">
            <p>{{limitData.outLine.updateTime}}涨停<i>{{limitNewNum}}</i>家</p>
            <p>昨日涨停{{limitOldNum}}家</p>
            <div class="swiper-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide" id="slide-one" @click="swiperLeftClick(1)">
                        <p>今日封板率</p>
                        <p>{{typeof limitData.outLine.todayPlate.todayPercent == 'string'? limitData.outLine.todayPlate.todayPercent : '--'}}%</p>
                        <div class="swiper-limitup-one">
                            <div>
                                <div><i>缓慢涨停</i><i>{{typeof limitData.outLine.todayPlate.slowLimit == 'number'? limitData.outLine.todayPlate.slowLimit : '--'}}</i></div>
                                <div><i>一字板</i><i>{{typeof limitData.outLine.todayPlate.wordBoard == 'number'? limitData.outLine.todayPlate.wordBoard : '--'}}</i></div>
                                <div><i>触及涨停</i><i>{{typeof limitData.outLine.todayPlate.touchRise == 'number'? limitData.outLine.todayPlate.touchRise : '--'}}</i></div>
                            </div>
                        </div>
                    </div>
                    <div class="swiper-slide" id="slide-two" @click="swiperLeftClick(2)">
                        <p>昨日封板率</p>
                        <p>{{transNumberData(limitData.outLine.yesterdayPlate.todayPercent,'string')}}%</p>
                        <div class="swiper-limitup-two">
                            <div>
                                <div><i>缓慢涨停</i><i>{{transNumberData(limitData.outLine.yesterdayPlate.slowLimit,'number')}}</i></div>
                                <div><i>一字板</i><i>{{transNumberData(limitData.outLine.yesterdayPlate.wordBoard,'number')}}</i></div>
                                <div><i>触及涨停</i><i>{{transNumberData(limitData.outLine.yesterdayPlate.touchRise,'number')}}</i></div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="swiper-pagination"></div>
            </div>
        </section>
    
        <section class="limitup_title">
            <div>
                <i></i>
                <p>昨日涨停股今日行情</p>
            </div>
        </section>
        <section class="limitup_hq">
            <div class="limitup_hq_div">
                <div class="flex1">
                   <div>
                       <p>上涨</p>
                       <p>{{transNumberData(limitData.yesterdayLimit.upRise,'number')}}</p>
                   </div>
                   <div>
                       <p>继续涨停</p>
                       <p>{{transNumberData(limitData.yesterdayLimit.limitUp,'number')}}</p>
                   </div>
                   <div>
                       <p>下跌</p>
                       <p>{{transNumberData(limitData.yesterdayLimit.downFall,'number')}}</p>
                   </div>
                   <div>
                       <p>平均涨幅</p>
                       <p v-if="averageRiseOne > 0" class="redcolor">+{{averageRiseOne}}%</p>
                       <p v-else-if='averageRiseOne < 0' class="greencolor">{{averageRiseOne}}%</p>
                       <p v-else-if="averageRiseOne == 0">0.00%</p>
                       <p v-else>--</p>
                   </div>
                </div>
                <div class="flex2">
                    <img class="circle" src="images/circle.png">
                    <div class="flex2_bottom">
                        <span>极弱</span>
                        <span>极强</span>
                    </div>
                    <span class="circle_trd"><i></i></span>
                    <span class="moneyone">次日赚钱效应</span>
                    <span class="moneytwo">{{nextdayGetMoney}}</span>
                </div>
            </div>
        </section>
        <section class="background"></section>
        <section class="limitup_title" id="na_title">
            <div>
                <i></i>
                <p>今日涨停股</p>
            </div>
        </section>
        <section class="limitup_today">
            <div class="today_ac">
                <div class="today_box">
                    <div class="today_flex1" @click="JumpToLimitStock('slow')">
                        <div>
                            <p>缓慢涨停</p>
                            <p><i>{{transNumberData(limitData.outLine.todayPlate.slowLimit,'number')}}</i>家</p>
                        </div>
                    </div>
                    <div class="today_flex2" @click="JumpToLimitStock('one')">
                        <div>
                            <p>一字板</p>
                            <p><i>{{transNumberData(limitData.outLine.todayPlate.wordBoard,'number')}}</i>家</p>
                        </div>
                    </div>
                    <div class="today_flex3" @click="JumpToLimitStock('touch')">
                       <div>
                            <p>触及涨停</p>
                            <p><i>{{transNumberData(limitData.outLine.todayPlate.touchRise,'number')}}</i>家</p>
                       </div>
                    </div>
                </div>
            </div>
        </section>
        <section class="background" v-if="limitData.limitBoardArea.length != 0"></section>
        <section class="limitup_title" id="nb_title">
            <div>
                <i></i>
                <p>涨停股板块分布</p>
            </div>
        </section>
         <section class="limitup_QKL" v-if="limitData.limitBoardArea.length != 0">
            <div class="qkl_box1" v-if="limitData.limitBoardArea.length != 0">
                <div v-if="limitData.limitBoardArea.length >= 1" @click="JumpToFenShi(limitData.limitBoardArea[0].stockCode,1,limitData.limitBoardArea[0].market)">
                    <p>NO.1<i>{{limitData.limitBoardArea[0].boardNum}}</i>家</p>
                    <p>{{limitData.limitBoardArea[0].boardName}}</p>
                    <p v-if="parseFloat(limitData.limitBoardArea[0].boardPercent) > 0" class="redcolor">+{{limitData.limitBoardArea[0].boardPercent.toFixed(2)}}%</p> <p v-else-if="parseFloat(limitData.limitBoardArea[0].boardPercent) < 0" class="greencolor">{{limitData.limitBoardArea[0].boardPercent.toFixed(2)}}%</p> <p v-else-if="parseFloat(limitData.limitBoardArea[0].boardPercent) == 0">0.00%</p><p v-else>--</p>
                </div>
                <div v-if="limitData.limitBoardArea.length >= 2" @click="JumpToFenShi(limitData.limitBoardArea[1].stockCode,2,limitData.limitBoardArea[1].market)">
                    <p>NO.2<i>{{limitData.limitBoardArea[1].boardNum}}</i>家</p>
                    <p>{{limitData.limitBoardArea[1].boardName}}</p>
                     <p v-if="parseFloat(limitData.limitBoardArea[1].boardPercent) > 0" class="redcolor">+{{limitData.limitBoardArea[1].boardPercent.toFixed(2)}}%</p> <p v-else-if="parseFloat(limitData.limitBoardArea[1].boardPercent) < 0" class="greencolor">{{limitData.limitBoardArea[1].boardPercent.toFixed(2)}}%</p> <p v-else-if="parseFloat(limitData.limitBoardArea[1].boardPercent) == 0">0.00%</p><p v-else>--</p>
                </div>
                <div v-if="limitData.limitBoardArea.length >= 3" @click="JumpToFenShi(limitData.limitBoardArea[2].stockCode,3,limitData.limitBoardArea[2].market)">
                     <p>NO.3<i>{{limitData.limitBoardArea[2].boardNum}}</i>家</p>
                    <p>{{limitData.limitBoardArea[2].boardName}}</p>
                     <p v-if="parseFloat(limitData.limitBoardArea[2].boardPercent) > 0" class="redcolor">+{{limitData.limitBoardArea[2].boardPercent.toFixed(2)}}%</p> <p v-else-if="parseFloat(limitData.limitBoardArea[2].boardPercent) < 0" class="greencolor">{{limitData.limitBoardArea[2].boardPercent.toFixed(2)}}%</p> <p v-else-if="parseFloat(limitData.limitBoardArea[2].boardPercent) == 0">0.00%</p><p v-else>--</p>
                </div>
            </div>
            <div class="qkl_box2" v-if="limitData.limitBoardArea.length >= 4">
                <div v-if="limitData.limitBoardArea.length >= 4" @click="JumpToFenShi(limitData.limitBoardArea[3].stockCode,4,limitData.limitBoardArea[3].market)">
                    <p>NO.4<i>{{limitData.limitBoardArea[3].boardNum}}</i>家</p>
                    <p>{{limitData.limitBoardArea[3].boardName}}</p>
                     <p v-if="parseFloat(limitData.limitBoardArea[3].boardPercent) > 0" class="redcolor">+{{limitData.limitBoardArea[3].boardPercent.toFixed(2)}}%</p> <p v-else-if="parseFloat(limitData.limitBoardArea[3].boardPercent) < 0" class="greencolor">{{limitData.limitBoardArea[3].boardPercent.toFixed(2)}}%</p> <p v-else-if="parseFloat(limitData.limitBoardArea[3].boardPercent) == 0">0.00%</p><p v-else>--</p>
                </div>
                <div v-if="limitData.limitBoardArea.length >= 5" @click="JumpToFenShi(limitData.limitBoardArea[4].stockCode,5,limitData.limitBoardArea[4].market)">
                    <p>NO.5<i>{{limitData.limitBoardArea[4].boardNum}}</i>家</p>
                    <p>{{limitData.limitBoardArea[4].boardName}}</p>
                     <p v-if="parseFloat(limitData.limitBoardArea[4].boardPercent) > 0" class="redcolor">+{{limitData.limitBoardArea[4].boardPercent.toFixed(2)}}%</p> <p v-else-if="parseFloat(limitData.limitBoardArea[4].boardPercent) < 0" class="greencolor">{{limitData.limitBoardArea[4].boardPercent.toFixed(2)}}%</p> <p v-else-if="parseFloat(limitData.limitBoardArea[4].boardPercent) == 0">0.00%</p><p v-else>--</p>
                </div>
                <div v-if="limitData.limitBoardArea.length >= 6" @click="JumpToFenShi(limitData.limitBoardArea[5].stockCode,6,limitData.limitBoardArea[5].market)">
                    <p>NO.6<i>{{limitData.limitBoardArea[5].boardNum}}</i>家</p>
                    <p>{{limitData.limitBoardArea[5].boardName}}</p>
                     <p v-if="parseFloat(limitData.limitBoardArea[5].boardPercent) > 0" class="redcolor">+{{limitData.limitBoardArea[5].boardPercent.toFixed(2)}}%</p><p v-else-if="parseFloat(limitData.limitBoardArea[5].boardPercent) < 0" class="greencolor">{{limitData.limitBoardArea[5].boardPercent.toFixed(2)}}%</p> <p v-else-if="parseFloat(limitData.limitBoardArea[5].boardPercent) == 0">0.00%</p><p v-else>--</p>
                </div>
            </div>
        </section>
        <section class="qkl_onstock_box" v-else><div>当日两市暂无涨停股</div></section>
        <section class="background" v-if="limitData.limitList.length != 0"></section>
        <section class="list_title" v-if="limitData.limitList.length != 0">
            <div>
                <li>我的自选</li>
                <li>涨停基因</li>
                <li>现价</li>
                <li>涨幅</li>
            </div>
        </section>
        <section class="list_title_data" id="my_zixuan" v-if="limitData.limitList.length != 0">
            <div>
                <ul v-for="(item,key) in limitData.limitList" @click="JumpToztDetail(item.stockCode,key+1,item.market)">
                    <li><span>{{item.stockName}}</span><span>{{item.stockCode}}</span></li>
                    <li>{{item.limitGene}}</li>
                    <li v-if="parseFloat(item.upRisePercent) > 0" class="redcolor">{{item.nowPrice.toFixed(2)}}</li>
                    <li v-else-if="parseFloat(item.upRisePercent) < 0" class="greencolor">{{item.nowPrice.toFixed(2)}}</li>
                    <li v-else>{{item.nowPrice.toFixed(2)}}</li>
                    <li v-if="parseFloat(item.upRisePercent) > 0" class="redcolor">+{{item.upRisePercent.toFixed(2)}}%</li>
                    <li v-else-if="parseFloat(item.upRisePercent) < 0" class="greencolor">{{item.upRisePercent.toFixed(2)}}%</li>
                    <li v-else>0.00%</li>
                </ul>
            </div>
        </section> 
        <section class="check_more" v-if="limitData.limitList.length > 4" @click="JumpToLimitJiYin"><span>查看更多</span><i></i></section>
        <section class="background_bottom"></section>
    </section>
</div>
<section class="stockSearch" v-cloak>
    <div class="list_box_height">
        <section class="search-box">
            <div>
                <img src="images/searchone.png" alt="" class="searchMsg">
                <input type="text" placeholder="股票搜索" class="product-search">
                <img src="images/close_one.png" alt="" class="closeMsg">
            </div>
            <span v-on:click="cancelEvent" class="cancel_button">取消</span>
        </section>
        <section class="background"></section>
        <section class="rise_title">
            <div @click="switchTabTitle('slow')">我的自选股<span class="addredcolor"></span></div>
            <div @click="switchTabTitle('word')">全市场个股<span class="addredcolor"></span></div>
        </section>
        <section class="product-title" id="cc_title">
            <div>
                <li>个股名称</li>
                <li v-bind:flag-id="1" class="rose" v-on:click.stop="clickTabSortStock($event)"><span>涨停基因</span><span><ins></ins><ins></ins></span></li>
                <li v-bind:flag-id="2" class="high" v-on:click.stop="clickTabSortStock($event)"><span>价格</span><span><ins></ins><ins></ins></span></li>
                <li v-bind:flag-id="3" class="code" v-on:click.stop="clickTabSortStock($event)"><span>涨幅</span><span><ins></ins><ins></ins></span></li>
            </div>
        </section>
    </div>
    <section class="list_title_data" id="listHeight">
        <div v-if="stockList.length != 0">
            <ul v-for="(item,key) in stockList" @click="JumpToztDetailSearch(item.stockCode,key+1,item.market)">
                <li><span>{{item.stockName}}</span><span>{{item.stockCode}}</span></li>
                <li>{{item.score}}</li>
                <li v-if="parseFloat(item.change) > 0" class="redcolor">{{item.price}}</li>
                <li v-else-if="parseFloat(item.change) < 0" class="greencolor">{{item.price}}</li>
                <li v-else>{{item.price}}</li>
                <li v-if="parseFloat(item.change) > 0" class="redcolor">+{{item.change}}%</li>
                <li v-else-if="parseFloat(item.change) < 0" class="greencolor">{{item.change}}%</li>
                <li v-else-if="item.change == '--'">{{item.change}}</li><li v-else>0.00%</li>
            </ul>
        </div>
        <div v-else class="no_stockList">
            <img src="images/stock.png" alt="没有荐股（有图片）">
            <p v-if="stockList.length == 0">你还未添加自选股</p>
        </div>
        <img src="images/refresh.png" alt="刷新" id="refresh" @click="refreshData()">
    </section>
    <section class="datalist">
        <ul></ul>
    </section>
    <div class="no-product">您输入的内容暂无关联股票</div>
</section>
<section class="limitEndControl">
    <section class="listWrap" v-if="stockControlList.length != 0">
        <div class="ac_box">
            <span class="touch_right"></span>
            <section class="product_left">
                <section class="product_limit">
                    <div>
                       <li>预涨停提醒</li>
                       <li>个股名称</li>
                    </div>
                </section>
                <section class="product_left_control">
                    <ul v-for="(item,key) in stockControlList">
                        <li>
                            <span></span>
                            <i class="switchLimit" @click="openLimitSwitch(item.limitRemind,$event,key,item.stockCode)"></i>
                        </li>
                        <li>
                            <span>{{item.stockName}}</span>
                            <span>{{item.stockCode}}</span>
                        </li>
                    </ul>
                </section>
            </section>
            <section class="product_right" @touchmove="handleeventTouch" @touchend="handleeventTouchEnd">
                <section class="product-title-limit" id="dd_limitCon">
                    <div>
                        <li v-bind:flag-id="1" class="rose" v-on:click.stop="clickTabSortSearch($event)"><span>当前涨幅</span><span><ins></ins><ins></ins></span></li>
                        <li v-bind:flag-id="2" class="high" v-on:click.stop="clickTabSortSearch($event)"><span>近5分钟涨幅</span><span><ins></ins><ins></ins></span></li>
                        <li v-bind:flag-id="3" class="push" v-on:click.stop="clickTabSortSearch($event)"><span>卖盘力量</span><span><ins></ins><ins></ins></span></li>
                        <li v-bind:flag-id="4" class="pull" v-on:click.stop="clickTabSortSearch($event)"><span>买盘力量</span><span><ins></ins><ins></ins></span></li>
                        <li v-bind:flag-id="5" class="rise" v-on:click.stop="clickTabSortSearch($event)"><span>当日最大涨幅</span><span><ins></ins><ins></ins></span></li>
                    </div>
                </section>
                <section class="product_right_control">
                    <ul v-for="(item,key) in stockControlList">
                        <li v-if="parseFloat(item.currentIncrease) > 0" class="redcolor">+{{item.currentIncrease.toFixed(2)}}%</li><li v-else-if="parseFloat(item.currentIncrease) < 0" class="greencolor">{{item.currentIncrease.toFixed(2)}}%</li><li v-else>0.00%</li>
                        <li v-if="parseFloat(item.fiveMinRise) > 0" class="redcolor">+{{item.fiveMinRise}}%</li><li v-else-if="parseFloat(item.fiveMinRise) < 0" class="greencolor">{{item.fiveMinRise}}%</li><li v-else>0.00%</li>
                        <li>{{item.sellPower}}手</li>
                        <li>{{item.buyPower}}手</li>
                        <li v-if="parseFloat(item.todayMaxRise) > 0" class="redcolor">+{{item.todayMaxRise.toFixed(2)}}%</li><li v-else-if="parseFloat(item.todayMaxRise) < 0" class="greencolor">{{item.todayMaxRise.toFixed(2)}}%</li><li v-else>0.00%</li>
                    </ul>
                </section>
            </section>
        </div>
        <section class="shadow_left"></section>
    </section>
     <section v-else class="no_stockList" id="no_control_pic">
        <img src="images/stock.png" alt="没有荐股（有图片）">
        <p>该板块暂无涨停股票数据</p>
    </section>
    <img src="images/refresh.png" alt="刷新" id="refresh" @click="refreshDataControl(1)">
</section>
<section class="bottom_fixed_wrap">
    <section class="limitup_tab">
        <div class="limitTie">
            <i></i>
            <p>涨停概要</p>
        </div>
        <div class="limitJiYin">
            <i></i>
            <p>涨停基因</p>
        </div>
        <div class="limitJianKong">
            <i></i>
            <p>涨停监控</p>
        </div>
    </section>
</section>

<div class="load-error hide">
    <div class='error-main'>
        <img src="//s.thsi.cn/js/m/publicImg/error.png" alt="加载失败">
        <p>数据走丢了，点击屏幕重试</p>
    </div>
    <div class="cover"></div>
</div>
<div class="load-box hide">
    <div class="loading-now">
        <div class="loading trun-around"><img src="//s.thsi.cn/js/m/publicImg/loading.png" alt="正在加载"></div>
        <p>正在加载...</p>
    </div>
</div>
<script type="text/javascript" src="//s.thsi.cn/js/m/limitUp/scripts/static/swiper.js"></script>
<!-- build:js scripts/index.js -->
<script type="text/javascript" src="./scripts/old/config.js"></script>
<script type="text/javascript" src="./scripts/old/stockSearch.js"></script>
<script type="text/javascript" src="./scripts/old/limitControl.js"></script>
<script type="text/javascript" src="./scripts/old/sort.js"></script>
<script type="text/javascript" src="./scripts/old/scroll.js"></script>
<script type="text/javascript" src="./scripts/old/index.js"></script>
<!-- endbuild -->
</body>
</html>